<template>
	<view class="ss">
		<view class="ys flex">
			<text class="iconfont icon-sousuo" @tap="inputSearch(acitve)"></text>
			<input v-model="acitve"  type="text"  placeholder="绘画教程"  @confirm="inputSearch(acitve)"
					@input="headleToSuggest(acitve)" >
			
				

		</view>
		
	</view>
</template>

<script>
	
	export default{
		data(){
			return{
				acitve:'',
			}
		},
		methods:{
			 inputSearch(val){
			              console.log(val);
			            },
					headleToSuggest(){
					console.log(1);
						
					}
		
		},
		components:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.ys{
		background-color: #f8f8f8;
		    border-radius: 8rpx;
		    border: 1px solid #e6e6e6;
			padding: 0 30rpx;
			justify-content: left;
			input{
				height: 76rpx;
				width: 542rpx;
				margin-left: 20rpx;
				font-size: 28rpx;
			}
	}
</style>